<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title>首页</title>
    <link rel="stylesheet" href="/stylesheets/style.css">
    <link rel="stylesheet" href="/css/ionic.css"/>
    <script src="/js/ionic.bundle.js"></script>
</head>
<body style="overflow: auto;height: 1000px">
    <div class="bar bar-header">
        <div class="h1 title"><%= title %></div>
    </div>
<!--<header>-->
    <!--<h1><%= title %></h1>-->
<!--</header>-->
<div class="tabs">
    <a class="tab-item" href="/"><span class="ion-ios-home"></span>主页</a>
    <% if (user) { %>
    <a class="tab-item" href="/post"> <span class="ion-ios-compose"></span>发布</a>
    <a class="tab-item" href="/logout"><span class="ion-gear-b"></span>退出</a>
    <% } else { %>
    <a class="tab-item" title="登录" href="/login"><span class="ion-android-contacts"></span>登录</a>
    <a class="tab-item" title="注册" href="/reg"><span class="ion-android-person-add"></span>注册</a>
    <% } %>
</div>

<!--<nav>-->
    <!--&lt;!&ndash;如果用户登录了，那么应该显示发表和退出&ndash;&gt;-->
    <!--&lt;!&ndash;如果用户不登录，那么应该显示登录和注册&ndash;&gt;-->
    <!--<span><a href="/">首页</a></span>-->
    <!--<% if (user) { %>-->
    <!--<span><a href="/post">发布</a></span>-->
    <!--<span><a href="/logout">退出</a></span>-->
    <!--<% } else { %>-->
    <!--<span><a title="登录" href="/login">登录</a></span>-->
    <!--<span><a title="注册" href="/reg">注册</a></span>-->
    <!--<% } %>-->
<!--</nav>-->
<!--这里，应该有一个提示信息的功能，如果发生了错误，那么，我们需要提示错误,如果是正确的-->
<!--这里需要提示一下正确的信息-->
<article>
    <% if (success) { %>
    <div><%= success %></div>
    <% } %>
    <% if (error) { %>
    <div><%= error %> </div>
    <% } %>